<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../sass/index.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../jquery-ui-1.10.2/themes/base/jquery-ui.css">
    <link rel="stylesheet" href="../iconfunt/iconfont.css">
    <script src="../jquery-ui-1.10.2/jquery-1.9.1.js"></script>
    <script src="../jquery-ui-1.10.2/ui/jquery-ui.js"></script>
    <script src="../iconfunt/iconfont.js"></script>
    <script src="../js/bootstrap.js"></script>
    <style>
        .logout {
            display: none;
        }
    </style>

</head>

<body>
    <nav>
        <div class="banxin">
            <main class="s-sub">
                <ul>
                    <li><a href="http://172.168.20.103/HUAWEI/ALL/index.html">首页</a></li>
                    <li><a href="#">华为官网</a></li>
                    <li><a href="#">花粉俱乐部</a></li>
                    <li><a href="#">V码(优购码)</a></li>
                    <li><a href="#">企业购</a></li>
                    <li><a href="#">Select Regjon</a></li>
                    <li class="gdjc"><a href="#">更多精彩</a> </li>
                </ul>
            </main>
            <main class="s-main">
                <li><a href="logon.html">请登录</a></li>
                <li class="logout"><a 
                        href="javascript:document.cookie='phone=;expires=Thu, 01 Jan 1970 00:00:00 UTC;';location='index.html'">退出登录</a>
                </li>
                <li><a href="parking.html">注册</a></li>
                <li><a href="">我的订单</a></li>
                <li class="s-main-lis"><a href="#">客户服务
                        <ul>
                            <li>服务中心</li>
                            <li>联系客服</li>
                        </ul>
                    </a></li>
                <li class="s-main-lis2"><a href="">网站导航
                        <!-- <div class="div1">
                    <article>
                        
                    </article>
                    <article></article>
                    <article></article>
                    <article></article>
                    <article></article>
                </div> -->
                    </a></li>
                <li><a href="">手机导航</a></li>
                <li><a href="http://172.168.20.103/HUAWEI/ALL/shopcart.html">购物车<i class="CART">(0)</i></a></li>

            </main>
        </div>
    </nav>

    <header>
        <div class="container ">
            <main class="left">
                <div class="logo">
                    <img src="../img/tator.png" alt="">
                </div>

                <div class="naver">
                    <ul>
                        <li style="background-color: salmon; border-radius: 10px; color: #fff;">华为专区</li>
                        <li>摩尔赛专区</li>
                        <li>华为智选</li>
                        <li>智能家居</li>
                        <li>福利中心</li>
                    </ul>
                </div>
                
            </main>
            <main class="right">
                <input type="text" placeholder="Mate FrreBuds4 无线耳机">
                <i class="iconfont">&#xe6c6;</i>
            </main>
        </div>
    </header>
    <!-- 轮播广告 -->
    <div id="banner_tabs" class="flexslider">
        <ul class="slides">
            <!-- <li>
                <a title="" target="_blank" href="#">
                    <img width="1920" height="482" alt="" style="background: url(../img/banner1.png) no-repeat center;"
                        src="../img/alpha.png">
                </a>
            </li>
            <li>
                <a title="" href="#">
                    <img width="1920" height="482" alt="" style="background: url(../img/banner2.jpg) no-repeat center;"
                        src="../img/alpha.png">
                </a>
            </li>
            <li>
                <a title="" href="#">
                    <img width="1920" height="482" alt="" style="background: url(../img/banner3.jpg) no-repeat center;"
                        src="../img/alpha.png">
                </a>
            </li>
            <li>
                <a title="" href="#">
                    <img width="1920" height="482" alt="" style="background: url(../img/banner4.png) no-repeat center;"
                        src="../img/alpha.png">
                </a>
            </li>
            <li>
                <a title="" href="#">
                    <img width="1920" height="482" alt="" style="background: url(../img/banner5.png) no-repeat center;"
                        src="../img/alpha.png">
                </a>
            </li>
            <li>
                <a title="" href="#">
                    <img width="1920" height="482" alt="" style="background: url(../img/banner6.jpg) no-repeat center;"
                        src="../img/alpha.png">
                </a>
            </li> -->
        </ul>
        <ul class="flex-direction-nav">
            <li><a class="flex-prev" href="javascript:;">Previous</a></li>
            <li><a class="flex-next" href="javascript:;">Next</a></li>
        </ul>
        <ol id="bannerCtrl" class="flex-control-nav flex-control-paging">
            <li><a>1</a></li>
            <li><a>2</a></li>
            <li><a>3</a></li>
            <li><a>4</a></li>
            <li><a>5</a></li>
            <li><a>6</a></li>
        </ol>
    </div>

    <div class="sec-mainL left">

        <!--菜单列表-->
        <ul class="sec-mainNav">
            <li>

                <div class="menu-tab">
                    <a href="">手机</a>

                    <div class="fix"></div>
                </div>
                <span class="menu-more">更多</span>
                <!--二级菜单-->
                <div class="menu-panel">
                    <div class="menu-panel-hd">
                        <h4>热门分类</h4>
                        <div class="sub-group">
                            <a href="http://172.168.20.103/HUAWEI/ALL/huawei-mates.html">HUAWEI MATE手机</a>
                            <a href="">易迅</a>
                            <a href="">苏宁易购</a>
                            <a href="">新蛋商城</a>
                            <a href="">手机数码</a>
                            <a href="">摄像影音</a>
                            <a href="">耳麦音响</a>
                            <a href="">国美在线</a>
                        </div>
                    </div>
                    <div class="menu-panel-bd">
                        <ul>
                            <li>
                                <a href=""><img src="../img/0.png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (1).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (2).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (3).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0.jpg" /></a>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="menu-panel-btn">
                        <span>查看全部商家</span>
                        <em></em>
                    </a>
                </div>
            </li>
            <li>

                <div class="menu-tab">
                    <a href="">智能穿戴VR</a>

                    <div class="fix"></div>
                </div>
                <span class="menu-more">更多</span>
                <!--二级菜单-->
                <div class="menu-panel">
                    <div class="menu-panel-hd">
                        <h4>热门分类</h4>
                        <div class="sub-group">
                            <a href="">美食特产</a>
                            <a href="">酒水茶叶</a>
                            <a href="">蛋糕预订</a>
                        </div>
                    </div>
                    <div class="menu-panel-bd">
                        <ul>
                            <li>
                                <a href=""><img src="../img/0.png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (1).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (2).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (3).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0.jpg" /></a>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="menu-panel-btn">
                        <span>查看全部商家</span>
                        <em></em>
                    </a>
                </div>
            </li>
            <li>

                <div class="menu-tab">

                    <a href="">耳机音响眼镜</a>
                    <div class="fix"></div>
                </div>
                <span class="menu-more">更多</span>
                <!--二级菜单-->
                <div class="menu-panel">
                    <div class="menu-panel-hd">
                        <h4>热门分类</h4>
                        <div class="sub-group">
                            <a href="">酒店预订</a>
                            <a href="">机票预订</a>
                            <a href="">商旅综合</a>
                            <a href="">度假预订</a>
                            <a href="">火车票预订</a>
                        </div>
                    </div>
                    <div class="menu-panel-bd">
                        <ul>
                            <li>
                                <a href=""><img src="../img/0.png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (1).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (2).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (3).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0.jpg" /></a>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="menu-panel-btn">
                        <span>查看全部商家</span>
                        <em></em>
                    </a>
                </div>
            </li>
            <li>

                <div class="menu-tab">
                    <a href="">智慧屏</a>

                    <div class="fix"></div>
                </div>
                <span class="menu-more">更多</span>
                <!--二级菜单-->
                <div class="menu-panel">
                    <div class="menu-panel-hd">
                        <h4>热门分类</h4>
                        <div class="sub-group">
                            <a href="">飞飞商城</a>
                            <a href="">图书教育</a>
                            <a href="">百货</a>
                            <a href="">家纺家具</a>
                        </div>
                    </div>
                    <div class="menu-panel-bd">
                        <ul>
                            <li>
                                <a href=""><img src="../img/0.png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (1).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (2).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (3).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0.jpg" /></a>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="menu-panel-btn">
                        <span>查看全部商家</span>
                        <em></em>
                    </a>
                </div>
            </li>
            <li>

                <div class="menu-tab">
                    <a href="">电脑</a>

                    <div class="fix"></div>
                </div>
                <span class="menu-more">更多</span>
                <!--二级菜单-->
                <div class="menu-panel">
                    <div class="menu-panel-hd">
                        <h4>热门分类</h4>
                        <div class="sub-group">
                            <a href="">时尚女装</a>
                            <a href="">精品男装</a>
                            <a href="">男女内衣</a>
                            <a href="">综合商城</a>
                            <a href="">限时特卖</a>
                            <a href="">淘宝品牌</a>
                            <a href="">休闲服饰</a>
                            <a href="">运动户外</a>
                        </div>
                    </div>
                    <div class="menu-panel-bd">
                        <ul>
                            <li>
                                <a href=""><img src="../img/0.png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (1).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (2).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (3).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0.jpg" /></a>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="menu-panel-btn">
                        <span>查看全部商家</span>
                        <em></em>
                    </a>
                </div>
            </li>
            <li>

                <div class="menu-tab">
                    <a href="">平板</a>

                    <div class="fix"></div>
                </div>
                <span class="menu-more">更多</span>
                <!--二级菜单-->
                <div class="menu-panel">
                    <div class="menu-panel-hd">
                        <h4>热门分类</h4>
                        <div class="sub-group">
                            <a href="">潮流女鞋</a>
                            <a href="">商务男鞋 </a>
                            <a href="">时尚包包</a>
                            <a href="">运动休闲</a>
                            <a href="">珠宝首饰</a>
                            <a href="">经典腕表</a>
                            <a href="">户外生活</a>
                            <a href="">奢侈品</a>
                        </div>
                    </div>
                    <div class="menu-panel-bd">
                        <ul>
                            <li>
                                <a href=""><img src="../img/0.png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (1).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (2).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (3).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0.jpg" /></a>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="menu-panel-btn">
                        <span>查看全部商家</span>
                        <em></em>
                    </a>
                </div>
            </li>
            <li>
                <div class="menu-tab">
                    <a href="">智能路由</a>

                    <div class="fix"></div>
                </div>
                <span class="menu-more">更多</span>
                <!--二级菜单-->
                <div class="menu-panel">
                    <div class="menu-panel-hd">
                        <h4>热门分类</h4>
                        <div class="sub-group">
                            <a href="">天天网5</a>
                            <a href="">美妆商城</a>
                            <a href="">眼镜美瞳</a>
                            <a href="">品牌商城</a>
                        </div>
                    </div>
                    <div class="menu-panel-bd">
                        <ul>
                            <li>
                                <a href=""><img src="../img/0.png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (1).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (2).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (3).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0.jpg" /></a>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="menu-panel-btn">
                        <span>查看全部商家</span>
                        <em></em>
                    </a>
                </div>
            </li>
            <li>
                <div class="menu-tab">
                    <a href="">配件</a>

                    <div class="fix"></div>
                </div>
                <span class="menu-more">更多</span>
                <!--二级菜单-->
                <div class="menu-panel">
                    <div class="menu-panel-hd">
                        <h4>热门分类</h4>
                        <div class="sub-group">
                            <a href="">天天网4</a>
                            <a href="">美妆商城</a>
                            <a href="">眼镜美瞳</a>
                            <a href="">品牌商城</a>
                        </div>
                    </div>
                    <div class="menu-panel-bd">
                        <ul>
                            <li>
                                <a href=""><img src="../img/0.png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (1).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (2).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (3).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0.jpg" /></a>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="menu-panel-btn">
                        <span>查看全部商家</span>
                        <em></em>
                    </a>
                </div>
            </li>
            <li>
                <div class="menu-tab">
                    <a href="">生态产品</a>

                    <div class="fix"></div>
                </div>
                <span class="menu-more">更多</span>
                <!--二级菜单-->
                <div class="menu-panel">
                    <div class="menu-panel-hd">
                        <h4>热门分类</h4>
                        <div class="sub-group">
                            <a href="">天天网3</a>
                            <a href="">美妆商城</a>
                            <a href="">眼镜美瞳</a>
                            <a href="">品牌商城</a>
                        </div>
                    </div>
                    <div class="menu-panel-bd">
                        <ul>
                            <li>
                                <a href=""><img src="../img/0.png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (1).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (2).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (3).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0.jpg" /></a>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="menu-panel-btn">
                        <span>查看全部商家</span>
                        <em></em>
                    </a>
                </div>
            </li>
            <li>
                <div class="menu-tab">
                    <a href="">美食酒饮</a>

                    <div class="fix"></div>
                </div>
                <span class="menu-more">更多</span>
                <!--二级菜单-->
                <div class="menu-panel">
                    <div class="menu-panel-hd">
                        <h4>热门分类</h4>
                        <div class="sub-group">
                            <a href="">天天网2</a>
                            <a href="">美妆商城</a>
                            <a href="">眼镜美瞳</a>
                            <a href="">品牌商城</a>
                        </div>
                    </div>
                    <div class="menu-panel-bd">
                        <ul>
                            <li>
                                <a href=""><img src="../img/0.png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (1).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (2).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (3).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0.jpg" /></a>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="menu-panel-btn">
                        <span>查看全部商家</span>
                        <em></em>
                    </a>
                </div>
            </li>
            <li>
                <div class="menu-tab">
                    <a href="">增值服务&企业商用</a>

                    <div class="fix"></div>
                </div>
                <span class="menu-more">更多</span>
                <!--二级菜单-->
                <div class="menu-panel">
                    <div class="menu-panel-hd">
                        <h4>热门分类</h4>
                        <div class="sub-group">
                            <a href="">天天网1</a>
                            <a href="">美妆商城</a>
                            <a href="">眼镜美瞳</a>
                            <a href="">品牌商城</a>
                        </div>
                    </div>
                    <div class="menu-panel-bd">
                        <ul>
                            <li>
                                <a href=""><img src="../img/0.png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (1).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (2).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0 (3).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="../img/0.jpg" /></a>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="menu-panel-btn">
                        <span>查看全部商家</span>
                        <em></em>
                    </a>
                </div>
            </li>
        </ul>
    </div>
    <section class="sec1 container" style="width: 1200px;">

        <div class="row">
            <a href="">
                <div class="col-sm-6 col-md-3">
                    <div class="thumbnail">
                        <img src="../img/hua1.png" alt="...">
                    </div>
                </div>
            </a>

            <a href="">
                <div class="col-sm-6 col-md-3">
                    <div class="thumbnail">
                        <img src="../img/hua1.png" alt="...">
                    </div>
                </div>
            </a>
            <a href="">
                <div class="col-sm-6 col-md-3">
                    <div class="thumbnail">
                        <img src="../img/hua1.png" alt="...">
                    </div>
                </div>
            </a>
            <a href="">
                <div class="col-sm-6 col-md-3">
                    <div class="thumbnail">
                        <img src="../img/hua1.png" alt="...">
                    </div>
                </div>
            </a>
        </div>
    </section>
    <section class="sec2">
        <div class="banxin">

            <div class="h"  >
                <h2 class="title">热销榜单</h2>
            </div>
            <div class="b">
                <div class="left">
                    <!-- <img src="../img/huabg.png" alt=""> -->
                </div>
                <div class="right">
                    <ul>
                        <!-- <li><a href="">
                                <p>
                                    <img src="../img/hua手机1.png" alt="">
                                </p>
                                <div>FreeBuds 4i</div>
                                <h2>享3期免息 </h2>
                                <h3>¥499</h3>
                            </a></li>
                        <li><a href="">
                                <p>
                                    <img src="../img/hua手机1.png" alt="">
                                </p>
                                <div>FreeBuds 4i</div>
                                <h2>享3期免息 </h2>
                                <h3>¥499</h3>
                            </a></li>
                        <li><a href="">
                                <p>
                                    <img src="../img/hua手机1.png" alt="">
                                </p>
                                <div>FreeBuds 4i</div>
                                <h2>享3期免息 </h2>
                                <h3>¥499</h3>
                            </a></li>
                        <li><a href="">
                                <p>
                                    <img src="../img/hua手机1.png" alt="">
                                </p>
                                <div>FreeBuds 4i</div>
                                <h2>享3期免息 </h2>
                                <h3>¥499</h3>
                            </a></li>
                        <li><a href="">
                                <p>
                                    <img src="../img/hua手机1.png" alt="">
                                </p>
                                <div>FreeBuds 4i</div>
                                <h2>享3期免息 </h2>
                                <h3>¥499</h3>
                            </a></li>
                        <li><a href="">
                                <p>
                                    <img src="../img/hua手机1.png" alt="">
                                </p>
                                <div>FreeBuds 4i</div>
                                <h2>享3期免息 </h2>
                                <h3>¥499</h3>
                            </a></li>
                        <li><a href="">
                                <p>
                                    <img src="../img/hua手机1.png" alt="">
                                </p>
                                <div>FreeBuds 4i</div>
                                <h2>享3期免息 </h2>
                                <h3>¥499</h3>
                            </a></li>
                        <li><a href="">
                                <p>
                                    <img src="../img/hua手机1.png" alt="">
                                </p>
                                <div>FreeBuds 4i</div>
                                <h2>享3期免息 </h2>
                                <h3>¥499</h3>
                            </a></li> -->

                    </ul>
                </div>
            </div>
        </div>

    </section>
    <section class="sec3">
        <div class="container">
            <div>
                <h2>
                    精品推荐
                </h2>
            </div>
            <ul>
              

            </ul>
        </div>

    </section>
    <section class="sec4">
        <div class="container">
            <div>
                <h2>精品推荐</h2>
                <ul>
                    <li><a href="">华为MatePad 系列</a></li>
                    <li><a href="">华为M系列</a></li>
                    <li><a href="">华为畅享 系列</a></li>
                    <li><a href="">平板配件</a></li>
                </ul>
            </div>
            <ul>
                <li><a href="">
                        <p>
                            <img src="../img/平板.jpg" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                <li><a href="">
                        <p>
                            <img src="../img/平板2.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                <li><a href="">
                        <p>
                            <img src="../img/平板3.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                <li><a href="">
                        <p>
                            <img src="../img/平板3.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                <li><a href="">
                        <p>
                            <img src="../img/平板3.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>

            </ul>

            <ul>
                <li><a href="">
                        <p>
                            <img src="../img/平板.jpg" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                <li><a href="">
                        <p>
                            <img src="../img/平板2.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                <li><a href="">
                        <p>
                            <img src="../img/平板3.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                <li><a href="">
                        <p>
                            <img src="../img/平板3.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                <li><a href="">
                        <p>
                            <img src="../img/平板3.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>

            </ul>
        </div>
    </section>

    <section>
        <div class="container" style="width: 1200px;">
            <a href="">
                <img src="../img/图片轮换.jpg" alt="">
            </a>
        </div>
    </section>

    <section id="sec5">
        <div class="container">
            <div>
                <h2>精品平板</h2>
                <ul>
                    <li><a href="">华为MatePad 系列</a></li>
                    <li><a href="">华为M系列</a></li>
                    <li><a href="">华为畅享 系列</a></li>
                    <li><a href="">平板配件</a></li>
                    <li><a href="">华为MatePad 系列</a></li>
                    <li><a href="">华为M系列</a></li>
                    <li><a href="">华为畅享 系列</a></li>
                    <li><a href="">平板配件</a></li>
                   
                </ul>
                <li class="lis"><a href="" >查看更多 ></a></li>
            </div>
            <ul>
                <li class="firstli"><a href="">
                        <p >
                            <img src="../img/充电器大.png" alt="">
                        </p>
                       
                    </a></li>
                <li><a href="">
                        <p>
                            <img src="../img/平板2.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                <li><a href="">
                        <p>
                            <img src="../img/平板3.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                <li><a href="">
                        <p>
                            <img src="../img/平板3.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                    <li><a href="">
                        <p>
                            <img src="../img/充电器.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                    <li><a href="">
                        <p>
                            <img src="../img/充电器.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                    <li><a href="">
                        <p>
                            <img src="../img/充电器.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                    <li><a href="">
                        <p>
                            <img src="../img/充电器.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                    <li><a href="">
                        <p>
                            <img src="../img/充电器.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                    
            </ul>
        </div>
    </section>

    <section id="sec6">
        <div class="container">
            <div>
                <h2>通用设备</h2>
                <ul>
                    <li><a href="">华为MatePad 系列</a></li>
                    <li><a href="">华为M系列</a></li>
                    <li><a href="">华为畅享 系列</a></li>
                    <li><a href="">平板配件</a></li>
                    <li><a href="">华为MatePad 系列</a></li>
                    <li><a href="">华为M系列</a></li>
                    <li><a href="">华为畅享 系列</a></li>
                    <li><a href="">平板配件</a></li>
                   
                </ul>
                <li class="lis"><a href="" >查看更多 ></a></li>
            </div>
            <ul>
                <li class="firstli"><a href="">
                        <p >
                            <img src="../img/电灯大.jpg" alt="">
                        </p>
                       
                    </a></li>
                <li><a href="">
                        <p>
                            <img src="../img/电灯小.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                <li><a href="">
                        <p>
                            <img src="../img/电灯2.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                <li><a href="">
                        <p>
                            <img src="../img/平板3.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                    <li><a href="">
                        <p>
                            <img src="../img/电灯小.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                    <li><a href="">
                        <p>
                            <img src="../img/充电器.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                    <li><a href="">
                        <p>
                            <img src="../img/充电器.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                    <li><a href="">
                        <p>
                            <img src="../img/电灯小.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                    <li><a href="">
                        <p>
                            <img src="../img/电灯小.png" alt="">
                        </p>
                        <div>FreeBuds 4i</div>
                        <h2>享3期免息 </h2>
                        <h3>¥499</h3>
                    </a></li>
                    
            </ul>
        </div>
        </div>
    </section>
    <section id="sec7">
        <div class="container">
            <div>
                <h2>美食酒饮</h2>
                <ul>
                    <li><a href="">甄选美酒</a></li>
                    <li><a href="">严选良食</a></li>
                    <li><a href="">精选好物</a></li>
                </ul>
                <li class="lis"><a href="" >查看更多 ></a></li>
            </div>
            <ul>
                <li class="firstli"><a href="">
                        <p >
                            <img src="../img/酒大图.jpg" alt="">
                        </p>
                       
                    </a></li>
                <li><a href="">
                        <p>
                            <img src="../img/酒小1.png" alt="">
                        </p>
                        <div>轩尼诗150周年巨献 </div>
                        <h2>浪漫的桃红色甜蜜泡泡 </h2>
                        <h3>¥1980</h3>
                    </a></li>
                <li><a href="">
                        <p>
                            <img src="../img/酒2.png" alt="">
                        </p>
                        <div>轩尼诗150周年巨献 </div>
                        <h2>浪漫的桃红色甜蜜泡泡 </h2>
                        <h3>¥1980</h3>
                    </a></li>
                <li><a href="">
                        <p>
                            <img src="../img/酒3.png" alt="">
                        </p>
                        <div>轩尼诗150周年巨献 </div>
                        <h2>浪漫的桃红色甜蜜泡泡 </h2>
                        <h3>¥1980</h3>
                    </a></li>
                    <li><a href="">
                        <p>
                            <img src="../img/酒3.png" alt="">
                        </p>
                        <div>轩尼诗150周年巨献 </div>
                        <h2>浪漫的桃红色甜蜜泡泡 </h2>
                        <h3>¥1980</h3>
                    </a></li>
                    <li><a href="">
                        <p>
                            <img src="../img/酒3.png" alt="">
                        </p>
                        <div>轩尼诗150周年巨献 </div>
                        <h2>浪漫的桃红色甜蜜泡泡 </h2>
                        <h3>¥1980</h3>
                    </a></li>
                    <li><a href="">
                        <p>
                            <img src="../img/酒3.png" alt="">
                        </p>
                        <div>轩尼诗150周年巨献 </div>
                        <h2>浪漫的桃红色甜蜜泡泡 </h2>
                        <h3>¥1980</h3>
                    </a></li>
                    <li><a href="">
                        <p>
                            <img src="../img/酒2.png" alt="">
                        </p>
                        <div>轩尼诗150周年巨献 </div>
                        <h2>浪漫的桃红色甜蜜泡泡 </h2>
                        <h3>¥1980</h3>
                    </a></li>
                    <li><a href="">
                        <p>
                            <img src="../img/酒2.png" alt="">
                        </p>
                        <div>轩尼诗150周年巨献 </div>
                        <h2>浪漫的桃红色甜蜜泡泡 </h2>
                        <h3>¥1980</h3>
                    </a></li>
                    
            </ul>
        </div>
        </div>
    </section>
    <section id="sec8">
        <div class="container">
            <div>
                <h2>美食酒饮</h2>
                <ul>
                    <li><a href="">甄选美酒</a></li>
                    <li><a href="">严选良食</a></li>
                    <li><a href="">精选好物</a></li>
                </ul>
                <li class="lis"><a href="" >查看更多 ></a></li>
            </div>
            <ul>
                <li class="firstli"><a href="">
                        <p >
                            <img src="../img/精选配件大.jpg" alt="">
                        </p>
                       
                    </a></li>
                <li><a href="">
                        <p>
                            <img src="../img/精选配件小1.png" alt="">
                        </p>
                        <div>Brasport牌 真皮耳机套 </div>
                        <h2>真皮材质，透气散热  </h2>
                        <h3>¥169</h3>
                    </a></li>
                <li><a href="">
                        <p>
                            <img src="../img/精选配件小3.png" alt="">
                        </p>
                        <div>Brasport牌 真皮耳机套 </div>
                        <h2>真皮材质，透气散热  </h2>
                        <h3>¥169</h3>
                    </a></li>
                <li><a href="">
                        <p>
                            <img src="../img/精选配件小1.png" alt="">
                        </p>
                        <div>Brasport牌 真皮耳机套 </div>
                        <h2>真皮材质，透气散热  </h2>
                        <h3>¥169</h3>
                    </a></li>
                    <li><a href="">
                        <p>
                            <img src="../img/精选配件小1.png" alt="">
                        </p>
                        <div>Brasport牌 真皮耳机套 </div>
                        <h2>真皮材质，透气散热  </h2>
                        <h3>¥169</h3>
                    </a></li>
                    <li><a href="">
                        <p>
                            <img src="../img/精选配件小1.png" alt="">
                        </p>
                        <div>Brasport牌 真皮耳机套 </div>
                        <h2>真皮材质，透气散热  </h2>
                        <h3>¥169</h3>
                    </a></li>
                    <li><a href="">
                        <p>
                            <img src="../img/精选配件小1.png" alt="">
                        </p>
                        <div>Brasport牌 真皮耳机套 </div>
                        <h2>真皮材质，透气散热  </h2>
                        <h3>¥169</h3>
                    </a></li>
                    <li><a href="">
                        <p>
                            <img src="../img/精选配件小1.png" alt="">
                        </p>
                        <div>Brasport牌 真皮耳机套 </div>
                        <h2>真皮材质，透气散热  </h2>
                        <h3>¥169</h3>
                    </a></li>
                    <li><a href="">
                        <p>
                            <img src="../img/精选配件小1.png" alt="">
                        </p>
                        <div>Brasport牌 真皮耳机套 </div>
                        <h2>真皮材质，透气散热  </h2>
                        <h3>¥169</h3>
                    </a></li>
                    
            </ul>
        </div>
        </div>
    </section>
    <section class="container" style="width: 1200px;margin-bottom: 45px;">
      <a href=""style="display: block;padding-top: 23px;;">
          <img src="../img/通栏图尾.png" alt="">
      </a>
    </section>

    <div class="footer-box">
        <div class="footer-container">
            <div class="footer-service clearfix">
                <div class="footer-service-item footer-icon-001">
                    <i></i>
                    <span>专注服务于电商领域</span>
                </div>
                <div class="footer-service-item footer-icon-002">
                    <i></i>
                    <span>资深电商客服专家</span>
                </div>
                <div class="footer-service-item footer-icon-003">
                    <i></i>
                    <span>一对一专属会员经理</span>
                </div>
                <div class="footer-service-item footer-icon-004">
                    <i></i>
                    <span>385万用户诚意推荐</span>
                </div>
            </div>
            <div class="footer-line"></div>
            <div class="footer-links clearfix">
                <dl class="footer-article-item">
                    <dt>旗下品牌</dt>
                    <dd>
                        <a href="#">jq22</a>
                    </dd>
                    <dd>
                        <a href="#">ECJia</a>
                    </dd>
                    <dd>
                        <a href="#">ECTouch</a>
                    </dd>
                </dl>
                <dl class="footer-article-item">
                    <dt>关于我们</dt>
                    <dd>
                        <a href="#">公司介绍</a>
                    </dd>
                    <dd>
                        <a href="#">发展历程</a>
                    </dd>
                    <dd>
                        <a href="#">团队风采</a>
                    </dd>
                    <dd>
                        <a href="#">办公环境</a>
                    </dd>
                    <dd>
                        <a href="#">荣誉资质</a>
                    </dd>
                    <dd>
                        <a href="#">联系我们</a>
                    </dd>
                </dl>
                <dl class="footer-article-item">
                    <dt>精品教程</dt>
                    <dd>
                        <a href="#">模板说明</a>
                    </dd>
                    <dd>
                        <a href="#">jq22教程</a>
                    </dd>
                    <dd>
                        <a href="#">微商城教程</a>
                    </dd>
                    <dd>
                        <a href="#">APP教程</a>
                    </dd>
                    <dd>
                        <a href="#">视频指导</a>
                    </dd>
                    <dd>
                        <a href="#">问答堂</a>
                    </dd>
                </dl>
                <dl class="footer-article-item">
                    <dt>其他</dt>
                    <dd>
                        <a href="#">官方论坛</a>
                    </dd>
                    <dd>
                        <a href="#">服务支持</a>
                    </dd>
                    <dd>
                        <a href="#">电商大会</a>
                    </dd>
                    <dd>
                        <a href="#">投诉建议</a>
                    </dd>
                    <dd>
                        <a href="#">支付方式</a>
                    </dd>
                    <dd>
                        <a href="#">站点地图</a>
                    </dd>
                </dl>
                <dl class="footer-contact-item">
                    <h3>联系我们</h3>
                    <p>400-010-xxx</p>
                    <div class="footer-ewm">
                        <img src="../img/vm.png" alt="">
                        <p>关注微信订阅号</p>
                    </div>
                </dl>
            </div>
            <div class="footer-friend">
                <div class="footer-friend-title">友情链接：</div>
                <ul class="footer-friend-title-list clearfix">
                    <li>
                        <a href="#">jq22</a>
                    </li>
                    <li>
                        <a href="#">移动商城购物</a>
                    </li>
                    <li>
                        <a href="#">APP商城开发</a>
                    </li>
                    <li>
                        <a href="#">DESTOON B2B</a>
                    </li>
                    <li>
                        <a href="#">Linux  </a>
                    </li>
                    <li>
                        <a href="#">Linux 面板</a>
                    </li>
                    <li>
                        <a href="#">Chrome插件</a>
                    </li>
                    <li>
                        <a href="#">W3Cschool</a>
                    </li>
                    <li>
                        <a href="#">网站</a>
                    </li>
                    <li>
                        <a href="#">工具</a>
                    </li>
                    <li>
                        <a href="#">移动商城购物</a>
                    </li>
                    
                </ul>
                <a href="#" class="footer-friend-more">更多 >></a>
            </div>
            <div class="footer-copyright">
                <p>© 2002-2018 (jq22.com) 版权所有，并保留所有权利&nbsp;&nbsp;&nbsp;常年法律顾问: （天津）律师事务所</p>
                <p>
                    天津市南开二纬路xxxx号劝业场&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="#">
                        <img src="../img/icon-footer.png" alt="">**网安备 0008899999xxxx号
                    </a>
                </p>
            </div>
        </div>
    </div>
    <script src="../js/index.js"></script>
    
    <script text="javascript">
     var people = document.cookie.split("=")[1];
        var b = 0;
        $.ajax({
            url: "http://172.168.20.103/HUAWEI/ALL/allphp.php",
            data: "hide=cartplease&people=" + people,
            dataType: "JSONP",
            success: data => {
                data.forEach((val) => {
                    if (val.peoplenum == people) {
                        b++;  
                    }
                })
                $(".CART").html(`(${b})`);
            }
        })
    
    </script>
</body>

</html>